<template>
  <div>
    <el-button class="jump-button" type="primary" @click="dialogFormVisible = true">查看</el-button>
    <!-- 弹窗开始-->
    <el-dialog :visible.sync="dialogFormVisible" width="1409px" :close-on-click-modal='false'>

      <p class="preliminary-review-materials-text">上传初审材料</p>
<!--      <p class="iconfont icon-guanbi"></p>-->
      <!--      第一行-->
      <el-row >
        <el-col :span="2" class="row-col1">1</el-col>
        <el-col :span="9" class="row-col2">柳州市中小工业企业应急周转资金申请书</el-col>
        <el-col :span="2" class="row-col3">
          <img class="preliminary-review-materials-cImg" src="@/assets/images/error.png" v-show="!errorImg">
        </el-col>
        <el-col :span="9" class="row-col4">
          <el-button type="primary" @click="toSubmitMaterialBasic">在线填报</el-button>
          <el-button type="primary">下载模板</el-button>
          <el-button type="warning">已上传</el-button>
        </el-col>
        <el-col :span="2" class="row-col5">
          <el-button type="primary" @click="toQRCode(1)" v-show="!list.includes(1)">二维码</el-button>
          <img class="preliminary-review-materials-cImg2" v-show="list.includes(1)" src="@/assets/images/QR code.png"/>
        </el-col>
      </el-row>
      <!--      第二行-->
      <el-row>
        <el-col :span="2" class="row-col1">2</el-col>
        <el-col :span="9" class="row-col2">企业生产现场相片</el-col>
        <el-col :span="2" class="row-col3">
          <img class="preliminary-review-materials-cImg" src="@/assets/images/error.png" v-show="!errorImg">
        </el-col>
        <el-col :span="9" class="row-col4">
          <el-button class="el-col-button" type="primary">上传文件</el-button>
        </el-col>
        <el-col :span="2" class="row-col5">
          <el-button type="primary" @click="toQRCode(2)" v-show="!list.includes(2)">二维码</el-button>
          <img class="preliminary-review-materials-cImg2" v-show="list.includes(2)" src="@/assets/images/QR code.png"/>
        </el-col>
      </el-row>
      <!--      第三行-->
      <el-row>
        <el-col :span="2" class="row-col1">3</el-col>
        <el-col :span="9" class="row-col2">企业征信报告</el-col>
        <el-col :span="2" class="row-col3">
          <img class="preliminary-review-materials-cImg" src="@/assets/images/error.png" v-show="errorImg">
        </el-col>
        <el-col :span="9" class="row-col4">
          <el-button class="el-col-button" type="primary">上传文件</el-button>
        </el-col>
        <el-col :span="2" class="row-col5">
          <el-button type="primary" @click="toQRCode(3)" v-show="!list.includes(3)">二维码</el-button>
          <img class="preliminary-review-materials-cImg2" v-show="list.includes(3)" src="@/assets/images/QR code.png"/>
        </el-col>
      </el-row>
      <!--      第四行-->
      <el-row>
        <el-col :span="2" class="row-col1">4</el-col>
        <el-col :span="9" class="row-col2">运营表</el-col>
        <el-col :span="2" class="row-col3">
          <img class="preliminary-review-materials-cImg" src="@/assets/images/error.png" v-show="!errorImg">
        </el-col>
        <el-col :span="9" class="row-col4">
          <el-button type="primary">在线填报</el-button>
          <el-button type="primary">下载模板</el-button>
          <el-button type="primary">上传文件</el-button>
        </el-col>
        <el-col :span="2" class="row-col5">
          <el-button type="primary" @click="toQRCode(4)" v-show="!list.includes(4)">二维码</el-button>
          <img class="preliminary-review-materials-cImg2" v-show="list.includes(4)" src="@/assets/images/QR code.png"/>
        </el-col>
      </el-row>
      <!--      第五行-->
      <el-row>
        <el-col :span="2" class="row-col1">5</el-col>
        <el-col :span="9" class="row-col2">其他材料</el-col>
        <el-col :span="2" class="row-col3">
          <img class="preliminary-review-materials-cImg" src="@/assets/images/error.png" v-show="!errorImg">
        </el-col>
        <el-col :span="9" class="row-col4">
          <el-button class="el-col-button" type="primary">上传文件</el-button>
        </el-col>
        <el-col :span="2" class="row-col5">
          <el-button type="primary" @click="toQRCode(5)" v-show="!list.includes(5)">二维码</el-button>
          <img class="preliminary-review-materials-cImg2" v-show="list.includes(5)" src="@/assets/images/QR code.png"/>
        </el-col>
      </el-row>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogFormVisible: false,
      formLabelWidth: '120px',
      errorImg: true,
      list:[],
    };
  },
  methods:{
  //跳转在线填报页面
    toSubmitMaterialBasic(){
      this.$router.push('/home/submit-material/submit-material-basic')
    },
   // 点击隐藏二维码按钮，显示二维码图片
    toQRCode(value){
      this.list.push(value);
    },
  }
};
</script>

<style src="./preliminary-review-materials.css" scoped>

</style>
